import { Link } from "react-router-dom";
import "./index.scss";
function GoodsItems({ goods }: { goods: any }) {
  return (
    <>
      <Link to={`/product/${goods.id}`} className="goods-item">
        <img src={goods.picture} alt="" />
        <p className="name ellipsis">{goods.name}</p>
        <p className="desc ellipsis">{goods.tag}</p>
        <p className="price">&yen;{goods.price}</p>
      </Link>
    </>
  );
}

export default GoodsItems;
